<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<title>北京开放大学成绩查询</title>
	
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/js/layui/css/layui.css"
	rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script	src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script	src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script> 	
</head>
<body>
	<div style="width: 33%; margin: auto; padding: 30px; margin-top:40px;">
		<div style="text-align width: 80%: center; color: #1abc9c; ">
			<h2 style="margin-bottom:60px; text-align: center;">北京开放大学学生成绩查询</h2>
		</div>
		<form  onsubmit="return false" action="##" method="post" id="form1">
			<div class="form-group">
				<label for="studentName">学生姓名：</label> 
				<input style="height: 40px;" type="text" class="form-control" name="studentName" id="studentName" placeholder="请输入姓名，如：张三">
			</div>

			<div class="form-group">
				<label for="studentNumber">学生学号：</label> 
				<input style="height: 40px;" type="text" 	class="form-control" name="studentNumber" id="studentNumber" placeholder="请输入13位学号，如：0911001259105">
			</div>	
			<button type="button"  onclick="login()" class="btn btn-default"
				style="width: 100%; height: 50px; background-color: #1abc9c; color: white; font-size: 1.6em;">
				查询
		    </button>
		</form>
	</div>
</body>
<script src="${pageContext.request.contextPath}/js/layui/layui.js""></script>
<script>

function login() {
	$.ajax({
        //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "${pageContext.request.contextPath}/login/check" ,//url
            data: $('#form1').serialize(),
            success: function (result) {
                if (result.code == 0) {
                	location.href = "${pageContext.request.contextPath}/student/result?" +  $('#form1').serialize()
                }else {
                	layer.open({
                        type: 1
                        ,offset: 'auto' 
                        ,content: '<div style="padding: 20px 100px;">您输入的学号或姓名有误</div>'
                        ,btn: '关闭全部'
                        ,btnAlign: 'c' //按钮居中
                        ,shade: 0 //不显示遮罩
                        ,yes: function(){
                          layer.closeAll();
                        }
                      });
                }
            },
            error : function() {
                alert("异常！");
            }
        });
}

var layer = null;
layui.use('layer', function(){ //独立版的layer无需执行这一句
	layer = layui.layer;
});
</script>
</html>
